<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<body>
<div class="container" style="height: 36%" th:fragment="header">
    <div class="my-nav">
        <div class="ui segment attached" style="height: 40px;">
            <div style="width: 320px;float: left">
                <i class="ui volume up red icon"></i><strong>公告：</strong>
                <p style="float: right">
                    <marquee dir=left scrolldelay=100 onmouseover=this.stop() onmouseout=this.start()>
                        <strong style="color: red">该站台为测试阶段，期间所有功能免费！</strong>
                    </marquee>
                </p>
            </div>
            <div th:unless="${session.loginUser}">
                <a th:href="@{/user}" style="float: right">登录</a>
            </div>
            <div th:if="${session.loginUser}">
            <span style="float: right">
                欢迎 <span th:text="${session.loginUser.username}"></span><a th:href="@{/user/logout}">注销</a>
            </span>
            </div>
        </div>
    </div>
    <p id="title" class="title">高校丘比特平台V1.0发布</p>
    <p class="tail">交朋友！处对象！唠嗑！学习！拿到微信，想怎么聊就怎么聊，想怎么处就怎么处！</p>
    <div class="ui divider"></div>
</div>

</body>
</html>